@use '@angular/material' as mat;

// Mixin to apply theme colors for docs generated from markdown files in the material2 repo.
@mixin theme($theme) {
  .docs-markdown {
    a:not(.mat-mdc-button-base) {
      color: mat.get-theme-color($theme, primary);
    }

    pre {
      border: solid 1px mat.get-theme-color($theme, outline-variant);
      border-radius: 12px;

      code {
        background: transparent;
      }
    }

    h3 .material-icons,
    h4 .material-icons {
      color: mat.get-theme-color($theme, on-surface);
    }

    code {
      background: rgba(mat.get-theme-color($theme, primary-container), 0.25);
    }
  }
}
